import React from 'react';
import type { CustomIconComponentProps } from '@ant-design/icons/lib/components/Icon';
import Icon from '@ant-design/icons';

const DirectorySvg = () => (
  <svg
    width="13"
    height="12"
    viewBox="0 0 13 12"
    fill="currentColor"
    xmlns="http://www.w3.org/2000/svg"
  >
    <path
      fillRule="evenodd"
      clipRule="evenodd"
      d="M0 1C0 0.447715 0.447715 0 1 0H4.58579C4.851 0 5.10536 0.105357 5.29289 0.292893L6 1H12C12.5523 1 13 1.44772 13 2V3H4.5H0V1ZM4.5 4H13V11C13 11.5523 12.5523 12 12 12H11H2H1C0.447715 12 0 11.5523 0 11V4H4.5Z"
      fillOpacity="0.9"
    />
  </svg>
);

const DirectoryOutLined = (props: Partial<CustomIconComponentProps>) => {
  return <Icon component={DirectorySvg} {...props} />;
};

export default DirectoryOutLined;
